<script setup lang="ts">
import { ref } from 'vue';

import { Page } from '@vben/common-ui';

import ReworkOnlineForDoing from './doing/index.vue';
import ReworkOnlineForReworkable from './reworkable/index.vue';

const reworkableRef = ref();
const doingRef = ref();
</script>

<template>
  <Page auto-content-height>
    <div class="flex h-full w-full">
      <div class="w-6/12">
        <ReworkOnlineForReworkable
          ref="reworkableRef"
          @done="doingRef?.refresh"
        />
      </div>
      <div class="ml-2 w-6/12">
        <ReworkOnlineForDoing ref="doingRef" @cancel="reworkableRef?.refresh" />
      </div>
    </div>
  </Page>
</template>
